
  .login-box {
    width: 100%;
    height: 100%;
    background: url('../../assets/u636.png');
    background-size: 100%;
    position: relative;
  
    .loginbg {
      position: fixed;
      top: 50%;
      right: 10%;
      transform: translate(0, -50%);
  
      background: rgba(111, 131, 155, 0.5);
      border-radius: 30px;
      border: 1px solid white;
      width: 480px;
      height: 750px;
      padding: 60px 60px 10px 60px;
    }
  
    .sub-title {
      display: flex;
      justify-content: space-between;
      margin-top: 15px;
      color: #409EFF;
  
      a {
        cursor: pointer;
      }
    }
  
    .footinfos {
      margin-top: 30px;
      text-align: center;
      color: #999;
      font-size: 14px;
      line-height: 1.5;
  
      .infosdetail {
  
        span {
          margin-left: 10px;
        }
  
      }
    }
  
    .regtitle {
      display: flex;
  
      p {
        font-size: 28px;
        flex: 1
      }
  
      span {
        color: #409EFF;
        cursor: pointer;
      }
    }
  }
